<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>七星云注册</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <style>
        .main {
            width:400px;height:300px;border:0px solid #0F0F0F;overflow:hidden;
        }
        .parent {
            height:300px;width:1600px;position:relative;
        }
        .sub {
            width:398px;
            *width:400px;
            height:298px;border:1px solid #00FFFF;float:left;
        }
    </style>
    <script type="text/javascript" src="wangye/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="wangye/js/register.js"></script>
    <script type="text/javascript" src="wangye/js/md5.js"></script>

</head>

<body style="margin: 0;">

<div class="main">
    <div id="parent" class="parent">
        <div id="sub1" class="sub" style="background:#00FF00;"></div>
        <div id="sub2" class="sub" style="background:#0000FF;"></div>
        <div id="sub4" class="sub" style="background:#00FFFF;"></div>
        <div id="sub5" class="sub" style="background:#FF0000;"></div>
    </div>
</div>

<div style="line-height:3rem;height: 3rem;width: 100%;text-align: center;background-color: rgb(255,158,28);">
    <%--<img src="wangye/img/back.png" style="height: 2rem;float: left;margin-top:0.5rem;margin-left: 1rem;"/>--%>
    <span style="color: white;font-size: 1.3rem;font-weight: 600;margin-left: -1.8rem;">注册</span>
</div>
<div class="mes" style="width: 100%;">
    <table style="table-layout:fixed;margin: auto;margin-top:0 ; font-size: 0.9rem;width: 100%;">
        <form action="#" method="post">
            <tr style="height: 2rem;width: 100%;">
                <td style="word-wrap:break-word;width: 2rem;padding-left: 1rem;font-size:0.9rem;">手机号码</td>
                <td style="word-wrap:break-word;width: 4rem;">
                    <input type="tel" id="phone" name="phone" placeholder="请输入注册的手机号" style="margin-left: -1rem;border: none;height:2rem;width: 100%;">
                </td>

            </tr>

            <tr style="height: 1px;width: 100%;">
                <td colspan="2" style="border-bottom: 1px solid ghostwhite;"></td>
            </tr>
            <tr style="height: 2rem;width: 100%;">
                <td style="word-wrap:break-word;width: 2rem;padding-left: 1rem;">验证码：</td>
                <td style="word-wrap:break-word;width: 4rem;">
                    <input type="hidden" id="sec" />
                    <input type="hidden" id="phonecode" />
                    <input type="text" id="code" name="code" placeholder="请输入验证码" style="margin-left: -1rem;height:2rem;border: none;width: 40%;">
                    <%--<input type="button" id="yzcode" value="获取验证码" style="float: right;color: white; height: 2rem;width: 7rem;border-radius: 0.2rem;border: none;background-color: rgb(255,158,28);"/>--%>
                    <div id="yzcode" style="text-align:center;float: right;color: white; height: 2rem;width: 7rem;border-radius: 0.2rem;border: none;background-color: rgb(255,158,28);"><span style="line-height: 2rem">获取验证码</span></div>

                </td>

            </tr>
            <tr style="height: 1px;width: 100%;">
                <td colspan="2" style="background-color: ghostwhite;height: 4px;margin: 0;border: none;"></td>
            </tr>
            <tr style="height: 2.1rem;width: 100%;">
                <td style="word-wrap:break-word;width: 2rem;padding-left: 1rem;">登录密码：</td>
                <td style="word-wrap:break-word;width: 4rem;">
                    <input type="password" id="password" placeholder="请设置登录密码" style="margin-left: -1rem;border:none;height: 1.5rem;width: 98%;"/>
                </td>
            </tr>
            <tr style="height: 1px;width: 100%;">
                <td colspan="2" style="border-bottom: 1px solid ghostwhite;"></td>
            </tr>
            <tr style="height: 2.1rem;width: 100%;">
                <td style="word-wrap:break-word;width: 2rem;padding-left: 1rem;">确认密码：</td>
                <td style="word-wrap:break-word;width: 4rem;">
                    <input type="password" id="regpassword" placeholder="再次输入密码" style="margin-left: -1rem;border:none;height: 1.5rem;width: 98%;"/>
                </td>
            </tr>
            <tr style="height: 1px;width: 100%;">
                <td colspan="2" style="background-color: ghostwhite;height: 4px;margin: 0;border: none;"></td>
            </tr>


            <tr style="height: 3.1rem;width: 100%;">
                <td style="word-wrap:break-word;width: 2rem;padding-left: 1rem;">邀 请 码：</td>
                <td style="word-wrap:break-word;width: 4rem;">
                    <input type="text" id="invitcode" value="<%=request.getParameter("invitecode")%>" readOnly="true" style="line-height:1.8rem;margin-left: -1rem;height: 1.5rem;width: 50%;border: none;"/>
                    <a href="#" style="float:right;line-height:2rem;font-size: x-small;">什么是邀请码？</a>
                </td>
            </tr>
            <tr style="height: 1px;width: 100%;">
                <td colspan="2" style="background-color: ghostwhite;height: 4px;margin: 0;border: none;"></td>
            </tr>

            <tr style="height: 1rem;width: 100%;">

            </tr>
            <tr style="height: 2rem;width: 100%;">
                <td colspan="2" style="text-align: center;">
                    <%--<input type="button" id="register" value="注册" style="font-size:medium;border-radius:0.2rem;width: 65%;height: 2rem;color: white;text-align: center;background-color: rgb(255,158,28);border: none;"/>--%>
                    <div id="register" style="margin:0 auto;font-size:medium;border-radius:0.2rem;width: 65%;height: 2rem;color: white;text-align: center;background-color: rgb(255,158,28);border: none;"><span style="line-height: 2rem">注册</span></div>

                </td>
            </tr>
            <tr>

                <td colspan="2" style="text-align: center;padding-top: 1rem;">
                    <a href="#" style="font-size: xx-small;">
                        马上去下载！>>
                    </a>
                </td>
            </tr>
        </form>
    </table>

    <div id="dialogbtn" style="display:none;position: absolute;left: 20%;top: 10rem;background: gold;height: 6rem;width: 60%;color:white;border-radius: 1rem;text-align: center;line-height: 6rem;"><span  id="dialogmsg">弹窗内容</span></div>

 </div>
</body>